<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
    <link rel="stylesheet" href="../Resources/component/meizuHome page.css">
    
    <link rel="stylesheet" href="../Resources/card/swiper/swiper-bundle.min.css">
    
    <style>
      *{
        margin: 0;
        padding: 0;
      }
      em{
        font-size: 1em;
        font-weight: 400;
        font-style: normal;
      }
      .swiper{
        width: 100%;

      }
      .biao{

        display: flex;
        width: 100%;
        height: 211px;
        justify-content: center;
      }
      .biao li{
        list-style: none;
        width: 177px;
        height: 211px;
      }
      .wapper{
        display: flex;
        justify-content: space-around;
        align-items: center
      }
      .wapper a{
        float: left;
        text-align: center;
      }
      .link{
        width: 89px;
        height: 82px;
      }
      .link span{
        display: block;
        width: 51px;
        height: 51px;
        background-position: center center;
        padding-left: 20px;
      }
      .section{
        justify-content: center;
        height: 173px;
        display: flex;
        width: 100%;
      }
      .section li{
        list-style: none;
      }
      .section li a{
        width: 301px;
        height: 173px;
        display: block;
        display: flex;
        justify-content: center;
        flex-direction: column;
      }
      .servecr1{
        float: left;
        width: 301px;
        height: 173px;
        text-align: center;
        margin-right: 11px;
        background: #388ded;
      }
      .servecr2{
        background: #48bf6c;
        float: left;
        width: 301px;
        height: 173px;
        text-align: center;
        margin-right: 11px;
      }
      .servecr3{
        background: #f6af2a;
        float: left;
        width: 301px;
        height: 173px;
        text-align: center;
        margin-right: 11px;
      }
      .servecr4{
        margin-right: 0;
        background: #3ec0d1;
        float: left;
        width: 301px;
        height: 173px;
        text-align: center;
      }
      .icon{
        display: block;
      }
      .title{
        display: block;
      }
      .service{
        display: block;
        width: 100%;
        padding: 68px 0;
        /* height: 166px; */
        /* border: 1px solid red; */
        font-size: 20px;
        text-align: center;
      }
      .type{
        display: flex;
        justify-content: center
      }
      .type li{
        width: 406px;
        height: 305px;
        list-style: none;
        float: left;
        width: 406px;
        overflow: hidden;
        text-align: center;
        background: #fff;
        margin-right: 11px;
        display: flex;
        justify-content: space-evenly;
        align-items: center
      }
      .type li a{
        display: flex;
        align-items: center;
        flex-direction: column;
      }
      .type li a img{
        width: 180px;
        height: 180px;  
      }
      .type li a span{
        display: block;
        height: 27px;
        margin-top: 20px;
      }
      .index{
        background: #f4f4f4;
      }
      .product{
        margin-left: 17.2%;
        height: 228px;
        width: 1240px;
        display: flex;
        list-style: none;
        justify-content: center;
        align-items: center;
        justify-content: space-between;
        
      }
      .a1.a2{
        position: relative;
      }
      
      .a2 span{
        position: absolute;
      }
      .product li a{
        display: block;
        display: flex;
        
      }
      .video1{
        position: absolute;
        padding: 60px 180px;
      }
      .video11{
        position: absolute;
        padding: 65px 250px;
        color: #ffff;
      }
      .video12{
        position: absolute;
        padding: 85px 250px;
        color: #ffff;
      }
      .video2{
        position: absolute;
        padding: 60px 180px;
      }
      .video21{
        position: absolute;
        padding: 65px 250px;
        color: #ffff;
      }
      .video22{
        position: absolute;
        padding: 85px 250px;
        color: #ffff;
      }
      .title1{
        
        text-align: center;
        padding: 68px 0;
        font-size: 20px;
      }
      .vip01{
        display: block;
        display: flex;
        justify-content: center
      }
      .vip1{
        float: left;
        width: 694px;
        height: 245px;
        position: relative;
        
        
      }
      .vip11{
        position: absolute;
        width: 387px;
        height: 145px;
      }
      .vip-list{
        display: flex;
        justify-content: center;
        width: 1240px;
        /* height: 490px; */
        margin-left: 20%;
      }
      .wapper1{
        background: #f4f4f4;
        height: 398px;
        /* display: flex;
        flex-direction: column; */
      }
      .wapper1 p{
        
        text-align: center;
        color: #333;
        font-size: 20px;
        padding: 68px 0;
      }
      .wapper1 li{
        list-style: none;
        text-align: center;
        width: 248px;
        height: 238px;
        float: left;
      }
      .wapperul{
        display: block;
        display: flex;
        justify-content: center;
      }

      .wapper2 p{
        font-size: 20px;
        text-align: center;
        padding: 68px 0 36px;
      }
      .wapper2 li{
        list-style: none;
      }
      .wapper2 a{
        padding: 26px 0;
        display: block;
        text-align: center;
        float: left;
      }
      .wapper2ul{
        display: flex;
        justify-content: space-evenly;
      }
      .icon1{
        float: left;
        font-size: 12px;
        margin-right: 40px;
      }
      .icon1 span{
        display: block;
        width: 16px;
        height: 27px;
        margin: auto;
        margin-bottom: 8px;
        background-image: url(//care.res.meizu.com/static/cn/index/images/boutique-icons_d6f7b7e.png);
        background-repeat: no-repeat;
      }
      .box-1{
        width: 621px;
        float: left;
        height: 378px;
        overflow: hidden;
        background-color: #5a66aa;
        color: #fff;
      }
      .icons{
        display: flex;
        justify-content: center
      }
      .box-2{
        width: 621px;
        height: 378px;
        overflow: hidden;
      }
      .boxp1{
        font-size: 24px;
        padding-top: 81px;
        margin: 0 60px 23px;
      }
      .boxp2{
        margin: 0 60px 10px;
        font-size: 14px;
      }
      .boxp3 a{
        color: #008cff;
        margin: 0 60px 10px;
        font-size: 14px;
      }
      .box-1 ul{
        width: 561px;
        height: 53px;
        margin: 46px 0 0 60px;
        overflow: hidden;
      }
      .icon2{
        float: left;
        font-size: 12px;
        margin-right: 40px;
      }
      .icon2 span{
        display: block;
        width: 27px;
        background-position: -86px 0;
        height: 27px;
        margin: auto;
        margin-bottom: 8px;
        background-image: url(//care.res.meizu.com/static/cn/index/images/boutique-icons_d6f7b7e.png);
        background-repeat: no-repeat;
      }
      .icon3{
        float: left;
        font-size: 12px;
        margin-right: 40px;
      }
      .icon3 span{
        width: 27px;
        background-position: -177px 0;
        display: block;
        height: 27px;
        margin: auto;
        margin-bottom: 8px;
        background-image: url(//care.res.meizu.com/static/cn/index/images/boutique-icons_d6f7b7e.png);
        background-repeat: no-repeat;
      }
      .icon4{
        float: left;
        font-size: 12px;
        margin-right: 40px;
      }
      .icon4 span{
        width: 19px;
        background-position: -271px 0;
        display: block;
        height: 27px;
        margin: auto;
        margin-bottom: 8px;
        background-image: url(//care.res.meizu.com/static/cn/index/images/boutique-icons_d6f7b7e.png);
        background-repeat: no-repeat;
      }
      .icon5{
        float: left;
        font-size: 12px;
        margin-right: 40px;
      }
      .icon5 span{
        width: 13px;
        background-position: -364px 0;
        display: block;
        height: 27px;
        margin: auto;
        margin-bottom: 8px;
        background-image: url(//care.res.meizu.com/static/cn/index/images/boutique-icons_d6f7b7e.png);
        background-repeat: no-repeat;
      }
      .icon6{
        float: left;
        font-size: 12px;
        margin-right: 40px;
      }
      .icon6 span{
        width: 16px;
        background-position: -453px 0;
        display: block;
        height: 27px;
        margin: auto;
        margin-bottom: 8px;
        background-image: url(//care.res.meizu.com/static/cn/index/images/boutique-icons_d6f7b7e.png);
        background-repeat: no-repeat;
      }
      .box-3{
        width: 621px;
        height: 378px;
        overflow: hidden;
      }
      .icons2{
        display: flex;
        justify-content: center
      }
      .box-4{
        width: 619px;
        float: left;
        height: 378px;
        overflow: hidden;
        background-color: #f4f4f4;
        color: #393939;
      }
      .tit1{
        font-size: 24px;
        padding-top: 81px;
        margin: 0 60px 23px;
      }
      .tit2{
        margin: 0 60px 10px;
        font-size: 14px;
      }
      .tit3 a{
        color: #008cff;
        margin: 0 60px 50px;
        font-size: 14px;
      }
      .but{
        margin: 46px 0 0 60px;
        overflow: hidden;
      }
      .but li{
        float: left;
        font-size: 12px;
        margin-right: 40px;
      }
      .but li span{
        display: block;
        height: 27px;
        margin: auto;
        margin-bottom: 8px;
        background-image: url(//care.res.meizu.com/static/cn/index/images/boutique-icons_d6f7b7e.png);
        background-repeat: no-repeat;
      }
      .bout1{
        width: 21px;
        background-position: 0 0;
      }
      .bout2{
        width: 27px;
        background-position: -86px 0;
        background-position-y: -57px;
      }
      .bout3{
        width: 27px;
        
        background-position: -177px 0;

      }
      .bout4{
        width: 27px;
        background-position: -271px 0;
        background-position-y: -57px;
      }
      .bout5{
        width: 27px;
        background-position: -364px 0;
        background-position-y: -57px;
      }
      .bout6{
        width: 27px;
        background-position: -450px -57px;
      }
      .footermz {
    margin: 0;
    padding: 0;
    z-index: 999;
    font-size: 14px;
    color: #515151;
    position: relative;
    background-color: #fff;}
    .foot_link {
      padding: 48px 0 20px;
      border-top: 1px solid #f1f1f1;}
      .foot_link_out {
        width: 1240px;
        margin: 0 auto;}
        .toop::after,
        .toop::before {
          content: "";
        }
        .toop {
          max-width: 1240px;
          height: 84.8px;
          position: relative;}
          .icon10 {
            width: 1000px;
            float: left;}
            .toop li {
              float: left;
              text-align: center;
              width: 15%;
              font-size: 12px;}
              .toop li img {
                width: 50px;
                display: block;
                margin: 0 auto;
              }
              .toop li span {
                line-height: 30px;
                color: #999;
              }
            
          
          .fdright {
            float: right;
            text-align: right;
            margin-top: -18px;}
            .fdright span {
              color: #999;
              font-size: 12px;
              line-height: 30px;
            }
            .fdright p {
              color: #ff4132;
              font-size: 25px;
              font-weight: 400;
              margin-top: -6px;
              line-height: 40px;
            }
            .fdright i {
              height: 30px;
              padding: 0 16px;
              overflow: hidden;
              position: relative;
              text-align: center;
              line-height: 30px;
              color: #fff;
              border-radius: 20px;
              margin-top: 3px;
              display: inline-block;
              font-size: 14px;
              background: #ff4132;
              font-style: normal;
            }
          
        
            .fdright hr {
          margin: 10px auto 28px;
          display: block;
          height: 1px;
          border: 0;
          border-top: 1px solid #eee;
          padding: 0;
        }
        .bottom {
          max-width: 1240px;
          position: relative;
          color: #999;
          font-size: 12px;}
          .bottom ul {
            display: flex;}
  
            .bottom ul li {
              padding-right: 15px;
              border-right: 1px solid #d6d6d6;
              float: left;
              height: 18px;
              margin-right: 15px;
            }
          
          .text {
            padding-top: 8px;}
            .text i {
              width: 14px;
              background-image: url("");
              position: relative;
              top: 4px;
              *top: 2px;
              display: inline-block;
              height: 18px;
              background-position: 50%;
              background-repeat: no-repeat;}
            
          
        
        .icon_right {
          float: right;
          margin-top: 25px;
          position: relative;
        }
          .icon_right img {
            display: inline-block;
            width: 20px;
            height: 20px;
            position: relative;
            top: 4px;
            margin-right: 20px;}
          
        
      
    
  
    </style>
</head>
<body>
  
        <!-- 头部导航 -->
        <div class="header">
          <!-- 导航内容 -->
          <div class="brain">
            <!-- logo -->
            <div class="log">
              <a href=""></a>
            </div>
            <!-- 购物车icon -->
            <a href="" class="shopping"></a>
            <!-- 人头 -->
            <div class="headZhuce">
              <!-- <img src="../Resources/image/meizuHomepageIMG/" alt=""> 替换路径 -->
              
              <img src="../Resources/image/meizuHomepageIMG/headerpeapr.png" alt="" />
            </div>
    
            <!-- 搜索框 -->
            <div class="inpt">
              <input type="text" placeholder="魅族  18s" />
              <a href="">
                <img src="../Resources/image/meizuHomepageIMG/fangdajing.png" alt="" />
              </a>
            </div>
            <!-- 导航 -->
            <div class="DaoHang">
              <ul>
            <li class="duan">
              <a href="./q-shouji.html">手机</a>
            </li>
            <li class="duan"><a href="./q-shengxue.html">声学</a></li>
            <li class="duan"><a href="./q-peijian.html">配件</a></li>
            <li class="duan"><a href="./PANDAER.html">PANDAER</a></li>
            <li class="duan"><a href="./q-lipro.html">lipro</a></li>
            <li class="w"><a href="./flme.html">Flyme</a></li>
            <li class="w"><a href="">服务</a></li>
            <li class="w"><a href="./w_index.html">社区</a></li>
            <li class="w"><a href="./r_index.html">企业服务</a></li>
            <li class="duan"><a href="">APP下载</a></li>
          </ul>
            </div>
          </div>
        </div>
        <div class="tantou">
          <div class="duan active">
            <ul>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/shouji1.jpg" alt="" />
                <em>魅族 18s</em>
                <span></span>
                <em>￥3499</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/shouji2.jpg" alt="" />
                <em> 魅族 18s</em>
                <span></span>
                <em>￥3499</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/shouji3.jpg" alt="" />
                <em>魅族 18s</em>
                <span></span>
                <em>￥3499</em>
              </li>
            </ul>
          </div>
          <div class="duan active">
            <ul>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/sheng1.jpg" alt="" />
                Blus2 耳机
                <span></span>
                <em>￥269</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/sheng2.jpg" alt="" />
                Blus Air耳机
                <span></span>
                <em>￥139</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/sheng1.jpg" alt="" />
                Blus2 耳机
                <span></span>
                <em>￥269</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/sheng2.jpg" alt="" />
                Blus Air耳机
                <span></span>
                <em>￥139</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/sheng1.jpg" alt="" />
                Blus2 耳机
                <span></span>
                <em>￥269</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/sheng2.jpg" alt="" />
                Blus Air耳机
                <span></span>
                <em>￥139</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/sheng1.jpg" alt="" />
                Blus2 耳机
                <span></span>
                <em>￥269</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/sheng2.jpg" alt="" />
                Blus Air耳机
                <span></span>
                <em>￥139</em>
              </li>
            </ul>
          </div>
          <div class="duan active">
            <ul>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/pei1.jpg" alt="" />
                <em> 65W GaN 充电器</em>
                <span></span>
                <em>￥109</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/pei1.jpg" alt="" />
                <em> 65W GaN 充电器</em>
                <span></span>
                <em>￥109</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/pei1.jpg" alt="" />
                <em> 65W GaN 充电器</em>
                <span></span>
                <em>￥109</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/pei1.jpg" alt="" />
                <em> 65W GaN 充电器</em>
                <span></span>
                <em>￥109</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/pei1.jpg" alt="" />
                <em> 65W GaN 充电器</em>
                <span></span>
                <em>￥109</em>
              </li>
            </ul>
          </div>
          <div class="duan active">
            <ul>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/jainpan1.jpg" alt="" />
                <em> 超合金机械键盘 · OLLIE</em>
                <span></span>
                <em>￥1349</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/jainpan1.jpg" alt="" />
                <em> 超合金机械键盘 · OLLIE</em>
                <span></span>
                <em>￥1349</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/jainpan1.jpg" alt="" />
                <em> 超合金机械键盘 · OLLIE</em>
                <span></span>
                <em>￥1349</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/jainpan1.jpg" alt="" />
                <em> 超合金机械键盘 · OLLIE</em>
                <span></span>
                <em>￥1349</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/jainpan1.jpg" alt="" />
                <em> 超合金机械键盘 · OLLIE</em>
                <span></span>
                <em>￥1349</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/jainpan1.jpg" alt="" />
                <em> 超合金机械键盘 · OLLIE</em>
                <span></span>
                <em>￥1349</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/jainpan1.jpg" alt="" />
                <em> 超合金机械键盘 · OLLIE</em>
                <span></span>
                <em>￥1349</em>
              </li>
            </ul>
          </div>
          <div class="duan active">
            <ul>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
                <em> 学习护眼台灯</em>
                <span></span>
                <em>￥1699</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
                <em> 学习护眼台灯</em>
                <span></span>
                <em>￥1699</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
                <em> 学习护眼台灯</em>
                <span></span>
                <em>￥1699</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
                <em> 学习护眼台灯</em>
                <span></span>
                <em>￥1699</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
                <em> 学习护眼台灯</em>
                <span></span>
                <em>￥1699</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
                <em> 学习护眼台灯</em>
                <span></span>
                <em>￥1699</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
                <em> 学习护眼台灯</em>
                <span></span>
                <em>￥1699</em>
              </li>
              <li>
                <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
                <em> 学习护眼台灯</em>
                <span></span>
                <em>￥1699</em>
              </li>
            </ul>
          </div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div class="chang active">
            <img src="../Resources/image/meizuHomepageIMG/App1.jpg" alt="" />
          </div>
        </div>
 
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="../Resources/image/fu-img/1.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="../Resources/image/fu-img/2.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="../Resources/image/fu-img/3.jpg" alt="">
            </div>
            <div class="swiper-slide">
              <img src="../Resources/image/fu-img/3.jpg" alt="">
            </div>
            <div class="swiper-slide">
              <img src="../Resources/image/fu-img/4.jpg" alt="">
            </div>
            <div class="swiper-slide">
              <img src="../Resources/image/fu-img/5.jpg" alt="">
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination">
        </div>
        
        
    </div>
    <div class="dier">
      <div class="biao">
        <li class="wapper">
          <a href="" class="link">
            <span>
              <img src="../Resources/image/fu-img/11.jpg" alt="">
            </span>
            <em>注册产品</em>
          </a>
        </li>
        <li class="wapper">
          <a href="" class="link">
            <span>
              <img src="../Resources/image/fu-img/22.jpg" alt="">
            </span>
            <em>真伪查询</em>
          </a>
        </li>
        <li class="wapper">
          <a href="" class="link">
            <span>
              <img src="../Resources/image/fu-img/33.jpg" alt="">
            </span>
            <em>维修查询</em>
          </a>
        </li>
        <li class="wapper">
          <a href="" class="link">
            <span>
              <img src="../Resources/image/fu-img/44.png" alt="">
            </span>
            <em>查询支付</em>
          </a>
        </li>
        <li class="wapper">
          <a href="" class="link">
            <span>
              <img src="../Resources/image/fu-img/55.png" alt="">
            </span>
            <em>自助服务</em>
          </a>
        </li>
        <li class="wapper">
          <a href="" class="link">
            <span>
              <img src="../Resources/image/fu-img/66.jpg" alt="">
            </span>
            <em>以旧换新</em>
          </a>
        </li>
        <li class="wapper">
          <a href="" class="link">
            <span>
              <img src="../Resources/image/fu-img/77.jpg" alt="">
            </span>
            <em>附近门店</em>
          </a>
        </li>
      </div>
      <div class="section">
        <ul>
          <li class="servecr1">
            <a href="">
              <i class="icon">
                <img src="../Resources/image/fu-img/111.png" alt="">
              </i>
              <em class="title">寄送快修</em>
              <span>自动寄修,上门取件</span>
            </a>
          </li>
          <li class="servecr2">
            <a href="">
              <i class="icon">
                <img src="../Resources/image/fu-img/222.png" alt="">
              </i>
              <em class="title">预约维修</em>
              <span>魅族服务网点,无忧预约</span>
            </a>
          </li>
          <li class="servecr3">
            <a href="">
              <i class="icon">
                <img src="../Resources/image/fu-img/333.png" alt="">
              </i>
              <em class="title">上门快修</em>
              <span>专业维修工程师,上门服务</span>
            </a>
          </li>
          <li class="servecr4">
            <a href="">
              <i class="icon">
                <img src="../Resources/image/fu-img/444.png" alt="">
              </i>
              <em class="title">魅族Cara+</em>
              <span>服务更多元,生活更轻松</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="index">
        <div>
          <p class="service">请选择您的产品</p>
          <div>
            <ul class="type">
              <li>
                <a href="">
                  <img src="../Resources/image/fu-img/1111.jpg" alt="">
                  <span>魅族手机</span>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="../Resources/image/fu-img/2222.jpg" alt="">
                  <span>Lipro</span>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="../Resources/image/fu-img/3333.jpg" alt="">
                  <span>智能配件</span>
                </a>
              </li>
            </ul>
            <ul class="product">
              <li>
                <a href="" class="a1">
                  <img src="../Resources/image/fu-img/11111.jpg" alt="">
                  <span class="video1">
                    <img src="../Resources/image/fu-img/111111.png" alt="">
                  </span>
                  <span class="video11">魅族服务 15周年</span>
                  <span class="video12">这是我们</span>
                </a>
              </li>
              <li>
                <a href="" class="a2">
                  <img src="../Resources/image/fu-img/22222.jpg" alt="">
                  <span class="video2">
                    <img src="../Resources/image/fu-img/222222.png" alt="">
                  </span>
                  <span class="video21">魅族 16旗舰手机</span>
                  <span class="video22">屏下指纹篇：光学驱动 解锁毫秒间</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div>
      <div>
        <div class="title1">您的专属权益服务</div>
        <div>
          <ul class="vip-list">
            <li class="vip01">
              <div class="vip1">
                <img src="../Resources/image/fu-img/a1.jpg" alt="">
              </div>
              <div class="vip11">
                <div>PRO 专享服务</div>
                <div>VIP Service 为 PRO 系列用户提供全国体验中心专属的绿色通道,更有20座城市提供首次免费上门快修服务,给您贵宾级的售后服务。</div>
                <div>
                  <a href="http://service.meizu.com/vipservice/detail.html">前往体验旗舰店</a>
                </div>
              </div>
            </li>
            <li class="vip01">
              <div class="vip1">
                <img src="../Resources/image/fu-img/a2.jpg" alt="">
              </div>
              <div class="vip11">
                <div>PRO 专享服务</div>
                <div>VIP Service 为 PRO 系列用户提供全国体验中心专属的绿色通道,更有20座城市提供首次免费上门快修服务,给您贵宾级的售后服务。</div>
                <div>
                  <a href="http://service.meizu.com/vipservice/detail.html">前往体验旗舰店</a>
                </div>
              </div>
            </li></ul>
            <ul class="vip-list">
            <li class="vip01">
              <div class="vip1">
                <img src="../Resources/image/fu-img/a3.jpg" alt="">
              </div>
              <div class="vip11">
                <div>PRO 专享服务</div>
                <div>VIP Service 为 PRO 系列用户提供全国体验中心专属的绿色通道,更有20座城市提供首次免费上门快修服务,给您贵宾级的售后服务。</div>
                <div>
                  <a href="http://service.meizu.com/vipservice/detail.html">前往体验旗舰店</a>
                </div>
              </div>
            </li>
            <li class="vip01">
              <div class="vip1">
                <img src="../Resources/image/fu-img/a4.jpg" alt="">
              </div>
              <div class="vip11">
                <div>PRO 专享服务</div>
                <div>VIP Service 为 PRO 系列用户提供全国体验中心专属的绿色通道,更有20座城市提供首次免费上门快修服务,给您贵宾级的售后服务。</div>
                <div>
                  <a href="http://service.meizu.com/vipservice/detail.html">前往体验旗舰店</a>
                </div>
              </div>
            </li>
          </ul>
          </div>
          
        </div>
      </div>
    </div>
    <div>
      <div class="wapper1">
        <p>了解常见问题</p>
        <div>
          <ul class="wapperul">
            <li>
              <ul>
                <a href="">购买帮助</a>
              </ul>
              <ul>
                <a href="">一</a>
              </ul>
              <ul>
                <a href="">支付方式</a>
              </ul>
              <ul>
                <a href="">配送说明</a>
              </ul>
              <ul>
                <a href="">付款帮助</a>
              </ul>
              <ul>
                <a href="">订单查询</a>
              </ul>
              <ul>
                <a href="">手机配件价格</a>
              </ul>
            </li>
            <li>
              <ul>
                <a href="">购买帮助</a>
              </ul>
              <ul>
                <a href="">一</a>
              </ul>
              <ul>
                <a href="">支付方式</a>
              </ul>
              <ul>
                <a href="">配送说明</a>
              </ul>
              <ul>
                <a href="">付款帮助</a>
              </ul>
              <ul>
                <a href="">订单查询</a>
              </ul>
              <ul>
                <a href="">手机配件价格</a>
              </ul>
            </li>
            <li>
              <ul>
                <a href="">购买帮助</a>
              </ul>
              <ul>
                <a href="">一</a>
              </ul>
              <ul>
                <a href="">支付方式</a>
              </ul>
              <ul>
                <a href="">配送说明</a>
              </ul>
              <ul>
                <a href="">付款帮助</a>
              </ul>
              <ul>
                <a href="">订单查询</a>
              </ul>
              <ul>
                <a href="">手机配件价格</a>
              </ul>
            </li>
            <li>
              <ul>
                <a href="">购买帮助</a>
              </ul>
              <ul>
                <a href="">一</a>
              </ul>
              <ul>
                <a href="">支付方式</a>
              </ul>
              <ul>
                <a href="">配送说明</a>
              </ul>
              <ul>
                <a href="">付款帮助</a>
              </ul>
              <ul>
                <a href="">订单查询</a>
              </ul>
              <ul>
                <a href="">手机配件价格</a>
              </ul>
            </li>
            <li>
              <ul>
                <a href="">购买帮助</a>
              </ul>
              <ul>
                <a href="">一</a>
              </ul>
              <ul>
                <a href="">支付方式</a>
              </ul>
              <ul>
                <a href="">配送说明</a>
              </ul>
              <ul>
                <a href="">付款帮助</a>
              </ul>
              <ul>
                <a href="">订单查询</a>
              </ul>
              <ul>
                <a href="">手机配件价格</a>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div>
      <div class="wapper2">
        <p>通过以下方式联系我们</p>
        <div>
          <ul class="wapper2ul">
            <li>
              <a href="">
                <span>
                  <img src="../Resources/image/fu-img/b1.jpg" alt="">
                </span><br>
                <em>周一至周日 8:00-24:00</em><br>
                <i>点击在线咨询客服</i>
              </a>
            </li>
            <li>
              <a href="">
                <span>
                  <img src="../Resources/image/fu-img/b2.jpg" alt="">
                </span><br>
                <em>400-788-3333</em><br>
                <i>周一至周日 8:00-24:00</i>
              </a>
            </li>
            <li>
              <a href="">
                <span>
                  <img src="../Resources/image/fu-img/b3.jpg" alt="">
                </span><br>
                <em>魅族科技</em><br>
                <i>直接对话微信客服</i>
              </a>
            </li>
            <li>
              <a href="">
                <span>
                  <img src="../Resources/image/fu-img/b4.jpg" alt="">
                </span><br>
                <em>魅族 care 微博</em><br>
                <i>关注微博，了解资讯</i>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div>
      <div>
        <ul class="icons">
          <li class="box-1">
            <div>
              <p class="boxp1">魅族专卖店</p>
              <p class="boxp2">魅族线下门店，方便您体验和选购魅族产品，并为您提供详细的产品使用指南以<br>及帮助。</p>
              <p class="boxp3">
                <a href="">查找附近的专卖店 ></a>
              </p>
              <ul>
                <li class="icon1">
                  <span></span>
                  <em>免费刷机</em>
                </li>
                <li class="icon2">
                  <span></span>
                  <em>专家教学</em>
                </li>
                <li class="icon3">
                  <span></span>
                  <em>高速wifi</em>
                </li>
                <li class="icon4">
                  <span></span>
                  <em>新机体验</em>
                </li>
                <li class="icon5">
                  <span></span>
                  <em>应急充电</em>
                </li>
                <li class="icon6">
                  <span></span>
                  <em>免费贴膜</em>
                </li>
              </ul>
            </div>
          </li>
          <li class="box-2">
            <img src="../Resources/image/fu-img/c1.png" alt="">
          </li>
        </ul>
        <ul class="icons2">
          <li class="box-3">
            <img src="../Resources/image/fu-img/c2.png" alt="">
          </li>
          <li class="box-4">
            <div>
              <p class="tit1">魅族授权服务体验中心</p>
              <p class="tit2">魅族服务中心，为您提供优质的售后服务</p>
              <p class="tit3">
                <a href="">查找附近的体验中心 ></a>
              </p>
              <ul class="but">
                <li>
                  <span class="bout1" style="background-position-y: -57px;"></span>
                  <em>全年无休</em>
                </li>
                <li>
                  <span class="bout2"></span>
                  <em>极快速修</em>
                </li>
                <li>
                  <span class="bout3" style="background-position-y: -57px;"></span>
                  <em>软件升级</em>
                </li>
                <li>
                  <span class="bout4"></span>
                  <em>VIP 服务</em>
                </li>
                <li>
                  <span class="bout5"></span>
                  <em>新品体验</em>
                </li>
                <li>
                  <span class="bout6"></span>
                  <em>专家咨询</em>
                </li>
              </ul>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="footermz">
      <div class="foot_link">
        <div class="foot_link_out">
          <div class="toop">
            <ul class="icon10">
            <li><img src="../Resources/image/pageIMG/sf.png" alt="">
              <span>
              满50免运费
            </span>
          </li>
          <li><img src="../Resources/image/pageIMG/sf.png" alt="">
            <span>
            满50免运费
          </span>
        </li><li><img src="../Resources/image/pageIMG/sf.png" alt="">
          <span>
          满50免运费
        </span>
      </li><li><img src="../Resources/image/pageIMG/sf.png" alt="">
        <span>
        满50免运费
      </span>
    </li><li><img src="../Resources/image/pageIMG/sf.png" alt="">
      <span>
      满50免运费
    </span>
  </li><li><img src="../Resources/image/pageIMG/sf.png" alt="">
    <span>
    满50免运费
  </span>
</li>
          </ul>
          <div class="fdright">
            <span>周一至周日 8:00-24:00</span>
            <p>400-788-3333</p>
           <i>在线客服</i>
          </div>
          </div>
          <hr>
          <div class="bottom">
            <ul >
              <li>了解魅族</li>
              <li>加入我们</li>
              <li>联系我们</li>
              <li>线下专卖店</li>
              <li>线上销售授权名单</li>
              <li>隐私政策</li>
              <li>社网络暴力有害信息举报</li>
              <li>涉未成年人网络有信息举报</li>
              <li>涉养老诈骗有害信息举报</li>
            </ul>
            <div class="text">
              ©2023  Meizu Telecom Equipment Co., Ltd. All Rights Reserved.    粤ICP备13003602号-2 合字B2-20170010  营业执照 法律声明 <i></i>粤公网安备 44049102496009 号
            </div>
          </div>
          <div class="icon_right">
            <a href=""><img src="../Resources/image/pageIMG/icon_foot_right.png" alt=""></a>
            <a href=""><img src="../Resources/image/pageIMG/icon_foot_right.png" alt=""></a>
            <a href=""><img src="../Resources/image/pageIMG/icon_foot_right.png" alt=""></a>
          </div>
        </div>
      </div>
    </div>
    
    <script src="../Resources/card/jquery-3.6.0.js"></script>
    <script src="../Resources/component/pageHeader.js"></script>
    <script src="../Resources/card/swiper/swiper-bundle.min.js"></script>
    
    <script language="javascript"> 
        var mySwiper = new Swiper('.swiper',{
          speed:2500,
          autoplay: {
            delay: 5000, 
            disableOnInteraction: false,
            waitForTransition: false,
          },
          pagination: {
      el: '.swiper-pagination',
    },
    paginationClickable: true,
        })
        
      </script>
      
</body>
</html>